{% extends '::base.html.twig' %}

{% block title %}Bloqueo / Desbloqueo de Inspecciones por Entidad{% endblock %}

{% block body -%}
  <div class="container">
    <div class="col-md-12">
      <h4 id="sec0">Listados de Sedes - Bloqueo / Desbloqueo de Inspecciones por Entidad</h4>
      <hr class="col-md-11 superior">
      
      {% for flashMessage in app.session.flashbag.get('exito') %} 
        <div style="margin-top:10px;" class="col-md-8 col-md-offset-2 alert alert-success"> 
          <a href="#" class="close" data-dismiss="alert">&times;</a>
          {{ flashMessage }} 
        </div> 
      {% endfor %}
      
      <table class="table table-hover table-condensed table-curved tabla-listados-inspecciones">
        <tr>
          <th>Codigo Sede</th>
          <th>Sede</th>
          <th>Registro de Encuestas</th>
          <th>Acciones</th>
        </tr>
        {% for sede in sedes %}
        <tr>
          <td>{{ sede.codSede }}</td>
          <td>{{ sede.nbSede }}</td>
          <td>
           {% if sede.puedeRegistrarInspecciones == TRUE %}
             <div class="flag-verde"></div>
             <span style="float:left; margin-left:7px;">Habilitado</span>
             {% set accion = "Bloquear" %}
           {% else %}
             <div class="flag-rojo"></div>
             <span style="float:left; margin-left:7px;">Bloqueado</span>
             {% set accion = "Habilitar" %}
           {% endif %}
          </td>
          <td>
            <a href="{{ accion == "Bloquear" ? path('bloquear-inspecciones',{ 'idSede' : sede.id }) : path('desbloquear-inspecciones',{ 'idSede' : sede.id }) }}">
              {{ accion }}
            </a>
          </td>
        </tr>
        {% endfor %}
      </table>
    </div>
  </div>
{% endblock %}
{% block javascripts %}
<script type="text/javascript">
$(document).ready(function(){
    {% for flashMessage in app.session.flashbag.get('exito') %} 
      $( "#dialog-message" ).dialog({
        modal: true,
        buttons: {
          "Aceptar": function() {
            $( this ).dialog( "close" );
          }
        }
      });
    {% endfor %}
    
    $(".close").click(function(){
        $("#myAlert").alert();
    });
});  
</script>
{% endblock %}